<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="nav">
      <ul class="nav-list">
        <li><a href="#">Xiaomi手机</a></li>
        <li><a href="#">Redmi手机</a></li>
        <li><a href="#">电视</a></li>
        <li><a href="#">笔记本</a></li>
        <li><a href="#">平板</a></li>
        <li><a href="#">家电</a></li>
        <li><a href="#">路由器</a></li>
        <li><a href="#">服务中心</a></li>
        <li><a href="#">社区</a></li>
      </ul>
    </div>
    <div class="container">
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list1-1.png" alt="" />
            <div class="title">Xiaomi MIX Fold 3</div>
            <p class="price">8999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-2.png" alt="" />
            <div class="title">Xiaomi Civi 3</div>
            <p class="price">2499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-3.png" alt="" />
            <div class="title">Xiaomi 12S Pro</div>
            <p class="price">3199元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-4.png" alt="" />
            <div class="title">Xiaomi 13 Ultra</div>
            <p class="price">5999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-5.png" alt="" />
            <div class="title">Xiaomi 13</div>
            <p class="price">3999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-6.png" alt="" />
            <div class="title">Xiaomi 13 Pro</div>
            <p class="price">4599元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list2-1.png" alt="" />
            <div class="title">Redmi Note 13 Pro</div>
            <p class="price">1499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list2-2.png" alt="" />
            <div class="title">Redmi Note 13 Pro+</div>
            <p class="price">1999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list2-3.png" alt="" />
            <div class="title">Redmi Note 13 5G</div>
            <p class="price">1099元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list2-4.png" alt="" />
            <div class="title">Redmi K60 至尊版</div>
            <p class="price">2599元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list2-5.png" alt="" />
            <div class="title">Redmi 12 5G</div>
            <p class="price">949元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list1-6.png" alt="" />
            <div class="title">Redmi Note 12T Pro</div>
            <p class="price">1499元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list3-1.png" alt="" />
            <div class="title">小米电视S Pro 65 Mini LED 65英寸</div>
            <p class="price">4999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list3-2.png" alt="" />
            <div class="title">小米电视新EA系列</div>
            <p class="price">799元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list3-3.png" alt="" />
            <div class="title">小米电视大师86英寸Mini LED</div>
            <p class="price">14999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list3-4.png" alt="" />
            <div class="title">小米电视S65 65英寸</div>
            <p class="price">3199元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list3-5.png" alt="" />
            <div class="title">小米电视A65竞技版65英寸</div>
            <p class="price">2449元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list3-6.png" alt="" />
            <div class="title">Redmi MAX 100"巨屏电视</div>
            <p class="price">12999元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list4-1.png" alt="" />
            <div class="title">Redmi Book Pro 15 2023锐龙版</div>
            <p class="price">4799元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list4-2.png" alt="" />
            <div class="title">Redmi Book 14</div>
            <p class="price">4599元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list4-3.png" alt="" />
            <div class="title">Redmi G游戏本2022</div>
            <p class="price">7499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list4-4.png" alt="" />
            <div class="title">RedmiBook Pro 15 2022锐龙版</div>
            <p class="price">5499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list4-3.png" alt="" />
            <div class="title">Redmi G Pro游戏本锐龙版</div>
            <p class="price">7299元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list4-5.png" alt="" />
            <div class="title">Redmi Book 15E</div>
            <p class="price">3599元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list5-1.png" alt="" />
            <div class="title">Redmi Pad SE</div>
            <p class="price">999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list5-2.png" alt="" />
            <div class="title">Xiaomi Pad 6 Max 14</div>
            <p class="price">3799元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list5-3.png" alt="" />
            <div class="title">Xiaomi Pad 6 Pro</div>
            <p class="price">2399元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list5-4.png" alt="" />
            <div class="title">Xiaomi Pad 6</div>
            <p class="price">1899元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list5-5.jpg" alt="" />
            <div class="title">Redmi Pad</div>
            <p class="price">999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list5-6.jpeg" alt="" />
            <div class="title">小米平板5 Pro 12.4</div>
            <p class="price">1949元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list6-1.png" alt="" />
            <div class="title">米家冰箱对开门610L墨羽岩</div>
            <p class="price">2399元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list6-2.png" alt="" />
            <div class="title">米家冰箱对开门536L 墨羽岩</div>
            <p class="price">2099元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list6-3.png" alt="" />
            <div class="title">新风空调 立式3匹</div>
            <p class="price">6999元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list6-4.png" alt="" />
            <div class="title">小米空调 1.5匹新1级能效</div>
            <p class="price">2099元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list6-5.png" alt="" />
            <div class="title">米家分区洗烘一体机15kg</div>
            <p class="price">5499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list6-6.png" alt="" />
            <div class="title">米家洗烘一体机12kg</div>
            <p class="price">2199元起</p>
          </a>
        </li>
      </ul>
      <ul class="list">
        <li>
          <a href="#">
            <img src="./images/list7-1.png" alt="" />
            <div class="title">Xiaomi路由器AX3000T</div>
            <p class="price">189元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list7-2.png" alt="" />
            <div class="title">小米路由器AX6000</div>
            <p class="price">469元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list7-3.png" alt="" />
            <div class="title">Xiaomi万兆路由器</div>
            <p class="price">1699元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list7-4.png" alt="" />
            <div class="title">Xiaomi HomeWiFi三频Mesh路 由器</div>
            <p class="price">1499元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list7-5.jpg" alt="" />
            <div class="title">小米路由器4A千兆版</div>
            <p class="price">119元起</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/list7-6.png" alt="" />
            <div class="title">查看全部</div>
            <p class="check">小米路由器</p>
          </a>
        </li>
      </ul>
    </div>
  </body>
</html>
